body {
  font-size: 19px;
  background-color: white;
}

h1 {
  font-size: 40px !important;
  color: rgb(48, 48, 48) !important;
}

h2 {
  font-size: 33px !important;
  color: rgb(48, 48, 48) !important;
}

h3 {
  font-size: 27px !important;
  color: rgb(48, 48, 48) !important;
}

h4 {
  font-size: 20px !important;
  color: rgb(48, 48, 48) !important;
}

h5 {
  font-size: 15px !important;
  color: rgb(48, 48, 48) !important;
}

/*Header*/
#site-title {
  font-size: 44px;
  font-family: 'Berkshire Swash', cursive;
}

#site-subtitle {
  font-size: 24px;
}

/*Navbar*/
.navbar {
  border: None;
  margin-bottom: 0px;
}

.navbar-nav > li > a {
  line-height: 90px;
  font-size: 22px;
  color: #444444 !important
}

.navbar-nav > li > a:hover {
  color: #d9230f !important
}

#subscribeButton {
  margin-top: 29.5px !important;
  margin-bottom: 29.5px !important;
  margin-left: 12px !important;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

#subscribeButton > a:hover {
  text-decoration: none;
}

#myNavbar > ul > li > #activeLanguage.dropdown-toggle {
  padding-bottom: 2px;
  height: 75px;
}

#myNavbar > ul > li.dropdown.open > .dropdown-toggle {
  background-color: transparent;
}

#myNavbar .dropdown-menu::before, #myNavbar .dropdown-menu::after {
    border: none;
    content: none;
}

#myNavbar .dropdown-menu {
 background-color: transparent;
 border: none;
 box-shadow: none;
 left: 17px;
}

#myNavbar #inactiveLanguage {
 float: left;
 font-size: 22px;
 color: inherit;
}

#myNavbar #inactiveLanguage {
 background-color: transparent;
 background-image: none;
 color: #555555;
}

/*Footer*/
#footer-wrapper > #social-links a > i {
  padding: 3px;
}

/*Articles*/
.article-body > p {
  line-height: 1.6;
}

.article-body > p, .article-body > ol, .article-body > ul {
  margin-bottom: 24px;
  color: black;
}

.article-body > ol > li, .article-body > ul > li {
  line-height: 1.6;
}

.article-body > ol > li > ul > li, .article-body > ul > li > ul > li {
  line-height: 1.5;
}

.article-body > h2, .article-body > h3, .article-body > h4, .article-body > h5 {
  margin-bottom: 16px;
}

.article-body .highlight > pre {
  margin-bottom: 24px;
  margin-top: 24px;
}

/*Pages*/
#content.body > p, #content.body > ol, #content.body > ul {
  margin-bottom: 24px;
  line-height: 1.6;
  color: black;
}

#content.body > h2, #content.body > h3, #content.body > h4, #content.body > h5 {
  margin-bottom: 16px;
}

#content.body > ol > li, #content.body > ul > li {
  line-height: 1.6;
}

#content.body > ol > li > ul > li, #content.body > ul > li > ul > li {
  line-height: 1.5;
}

/*Jupyter notebooks*/

/*There was a change made on line 3346 of ipython.css; this change should be made
here, but I had trouble overriding it in a reasonable way*/

body div > ol > li, body div > ul > li {
  line-height: 1.6;
}

body div > blockquote > p {
  line-height: 1.6;
}

.rendered_html h1 {
    margin: .25em 0;
    margin-top: .8em;
    font-weight: bold;
}

.rendered_html h2 {
    margin: .35em 0;
    margin-top: .9em;
}

.rendered_html h3 {
    margin: .45em 0;
    margin-top: 1em;
}

.rendered_html h4 {
    margin: .55em 0;
    margin-top: 1em;
}

.rendered_html h5 {
    margin: .65em 0;
    margin-top: 1em;
}

.rendered_html h6 {
    font-size: 77%;
    margin-top: 1em;
}

.rendered_html h1:first-child {
  margin: .1em 0 !important;
  margin-top: .2em !important;
}
.rendered_html h2:first-child {
  margin: .1em 0 !important;
  margin-top: .2em !important;
}
.rendered_html h3:first-child {
  margin: .1em 0 !important;
  margin-top: .2em !important;
}
.rendered_html h4:first-child {
  margin: .1em 0 !important;
  margin-top: .2em !important;
}
.rendered_html h5:first-child {
  margin: .1em 0 !important;
  margin-top: .2em !important;
}
.rendered_html h6:first-child {
  margin: .1em 0 !important;
  margin-top: .2em !important;
}

img, svg {
  display: block;
  margin: auto;
}

.output_area {
  justify-content: center;
}

.output_area .output_text.output_stream.output_stdout {
  margin-right: auto;
}

.text_cell_render {
  padding: 0.5em 0.5em .1em 0.4em !important;
}

.rendered_html table, .rendered_html tr, .rendered_html th, .rendered_html td {
  margin-top: .5em;
  margin-left: .2em;
  margin-right: .2em;
  margin-bottom: .5em;
}

.output_execute_result.output_html.output_subarea.rendered_html {
    margin: .4em;
    padding: 0;
    max-width: inherit;
}

/* Code formatting */
.highlight pre, code, pre.highlight {
  font-size: 13px !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 3px !important;
  background-color: #f7f7ff !important;
}

code {
  padding: 3px 5px !important;
}

.highlight pre, pre.highlight {
  padding: 8px 12px !important;
  overflow-x: auto !important;
}
.highlight pre > code, pre.highlight > code {
  border: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

div.input_area {
  background-color: transparent!important;
  border: 0 !important;
  padding: 0 !important;
}

div.input_area > div.highlight {
  margin: .2em !important;
}

/** Syntax highlighting styles */
.highlight {
  background: #fff !important;
}
.highlight .c {
  color: #998 !important;
  font-style: italic !important;
}
.highlight .err {
  /*Commented out such that math characters in code blocks are not marked with red boxes*/

  /*color: #a61717 !important;
  background-color: #e3d2d2 !important;*/
  border: none !important;
}
.highlight .k {
  font-weight: bold !important;
}
.highlight .o {
  font-weight: bold !important;
}
.highlight .cm {
  color: #998 !important;
  font-style: italic !important;
}
.highlight .cp {
  color: #999 !important;
  font-weight: bold !important;
}
.highlight .c1 {
  color: #998 !important;
  font-style: italic !important;
}
.highlight .cs {
  color: #999 !important;
  font-weight: bold !important;
  font-style: italic !important;
}
.highlight .gd {
  color: #000 !important;
  background-color: #fdd !important;
}
.highlight .gd .x {
  color: #000 !important;
  background-color: #faa !important;
}
.highlight .ge {
  font-style: italic !important;
}
.highlight .gr {
  color: #a00 !important;
}
.highlight .gh {
  color: #999 !important;
}
.highlight .gi {
  color: #000 !important;
  background-color: #dfd !important;
}
.highlight .gi .x {
  color: #000 !important;
  background-color: #afa !important;
}
.highlight .go {
  color: #888 !important;
}
.highlight .gp {
  color: #555 !important;
}
.highlight .gs {
  font-weight: bold !important;
}
.highlight .gu {
  color: #aaa !important;
}
.highlight .gt {
  color: #a00 !important;
}
.highlight .kc {
  font-weight: bold !important;
}
.highlight .kd {
  font-weight: bold !important;
}
.highlight .kp {
  font-weight: bold !important;
}
.highlight .kr {
  font-weight: bold !important;
}
.highlight .kt {
  color: #458 !important;
  font-weight: bold !important;
}
.highlight .m {
  color: #099 !important;
}
.highlight .s {
  color: #d14 !important;
}
.highlight .na {
  color: #008080 !important;
}
.highlight .nb {
  color: #0086B3 !important;
}
.highlight .nc {
  color: #458 !important;
  font-weight: bold !important;
}
.highlight .no {
  color: #008080 !important;
}
.highlight .ni {
  color: #800080 !important;
}
.highlight .ne {
  color: #900 !important;
  font-weight: bold !important;
}
.highlight .nf {
  color: #900 !important;
  font-weight: bold !important;
}
.highlight .nn {
  color: #555 !important;
}
.highlight .nt {
  color: #000080 !important;
}
.highlight .nv {
  color: #008080 !important;
}
.highlight .ow {
  font-weight: bold !important;
}
.highlight .w {
  color: #bbb !important;
}
.highlight .mf {
  color: #099 !important;
}
.highlight .mh {
  color: #099 !important;
}
.highlight .mi {
  color: #099 !important;
}
.highlight .mo {
  color: #099 !important;
}
.highlight .sb {
  color: #d14 !important;
}
.highlight .sc {
  color: #d14 !important;
}
.highlight .sd {
  color: #d14 !important;
}
.highlight .s2 {
  color: #d14 !important;
}
.highlight .se {
  color: #d14 !important;
}
.highlight .sh {
  color: #d14 !important;
}
.highlight .si {
  color: #d14 !important;
}
.highlight .sx {
  color: #d14 !important;
}
.highlight .sr {
  color: #009926 !important;
}
.highlight .s1 {
  color: #d14 !important;
}
.highlight .ss {
  color: #990073 !important;
}
.highlight .bp {
  color: #999 !important;
}
.highlight .vc {
  color: #008080 !important;
}
.highlight .vg {
  color: #008080 !important;
}
.highlight .vi {
  color: #008080 !important;
}
.highlight .il {
  color: #099 !important;
}
